﻿<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MyDN</title>
<script language="javascript" src="extjs/adapter/ext/ext-base.js" ></script>
<script language="javascript" src="extjs/ext-all.js" ></script>
<link type="text/css"  rel="stylesheet" href="extjs/resources/css/ext-all.css" />
<style type="text/css">
<!--
body,td,th {
	font-family: "宋体";
	font-size: 12px;
}
-->
</style>
<script language="javascript">
<!--
Ext.onReady(function(){
	var north 	= {region:'north', height: 80};
	var west 	= new Ext.Panel({region:'west'
					, width: 200
					, layout:'accordion'
					, layoutConfig: {
						animate: false
						}
					, border: false
					, split: true
					, minWidth: 150
					, maxWidth: 500
					, items:[getIndexPanel()
						, {title: '搜索'}
						, {title: '目录'}
					]
					});
	var center 	= {region:'center'};
	var south 	= {region:'south', height: 20};
	
	new Ext.Viewport({
		layout:'border'
		, items:[north, south, west, center]
	});
});
// 得到索引面板
function getIndexPanel(){
	var storeFilter		= new Ext.data.XmlStore({
		// store configs
		autoDestroy: true,
		url: 'meta.xml' // automatically configures a HttpProxy
		, record: 'paths'
		, fields: ['path']
	});
	var cbFilter 		= new Ext.form.ComboBox({
		height: 30
		, store: storeFilter
		, border: false
		, displayField: 'state'
		, mode: 'local'
		, forceSelect: true
		, triggerAction: 'all'
		, emptyText: '(未筛选)'
		, selectOnFocus: true
		, valueField: 'path'
		, displayField: 'path'
	});
	
	return new Ext.Panel({
		title: '索引'
		, items:[
			{ height: 18, border: false, html:'Filtered by:' }
			, cbFilter
			, { height: 18, border: false, html:'Look for:' }
			, {}
		]
	});
}
-->
</script>
</head>
<body>
</body>
</html>
